<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prime Resort  |  Rooms </title>
<meta name="description" content="Description Comes here" />
<meta name="keywords" content="Place Keywords here" />
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/960_24_col.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen"/>

</head>
<body>
<div id="header">
	<div class="container_24">
    	<div class="grid_24">
            <div class="grid_12 omega" id="logo">
            <a href="#"><span>Prime Resort</span></a>
            </div><!--/.grid_12-->
            
           
        </div><!--/.grid_24-->
        <div id="primary-nav" class="grid_24">
        	<ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Rooms</a></li>
                <li><a href="#">Packages</a></li>
                <li><a href="#">Membership</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Register</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">FAQ</a></li>
        	</ul>
        </div><!--/#primary-nav-->
        </div><!--/.container_24-->
</div><!--/#header-->

<div id="main" class="container_24">
	<div id="contents" class="grid_17">
   <div class="resort-list">
    <h2>Room Types Available</h2>
   <ul class="resort">
        	
            <li><!--This format will be follwed by all room types. <LI> will be repeated -->
                <div class="resort-heading"><!-- Room Type name will come here, and link will send to room type details page where full details will be available-->
                	<h3><a href="#">Room Type Name 1</a></h3><a class="book-now" href="#">Book Now</a>
                	<div class="clearfix"></div>
                </div><!--/.resort-heading-->
                <div class="grid_3 omega">
                    <p><img src="images/destinatin.jpg" alt="resort-image" /></p>
                    <p class="price">Rs. <label>5000</label></p>
                    
                </div><!--/.grid_3-->
                
                <div class="grid_13 alpha resort-details">
                
                <h4>Facilities</h4>
                  <ul class="facility">
                  	<li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                  </ul>
                  
                	<h4>Details</h4>
                   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida, dolor eu imperdiet commodo, nisl lacus faucibus libero, nec luctus diam turpis ac augue. Phasellus vitae sollicitudin felis. <a href="#" class="more-link">View More</a></p>
                   
                  
                  
                </div><!--grid_7-->
                
                
                <div class="clearfix"></div>
           </li>
           
           <li>
                <div class="resort-heading"><h3><a href="#">Room Type Name 2</a></h3><a class="book-now" href="#">Book Now</a>
                <div class="clearfix"></div>
                </div><!--/.resort-heading-->
                <div class="grid_3 omega">
                    <p><img src="images/destinatin.jpg" alt="resort-image" /></p>
                    <p class="price">Rs. <label>5000</label></p>
                    
                </div><!--/.grid_3-->
                
                <div class="grid_13 alpha resort-details">
                
                <h4>Facilities</h4>
                  <ul class="facility">
                  	<li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                  </ul>
                  
                	<h4>Details</h4>
                   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida, dolor eu imperdiet commodo, nisl lacus faucibus libero, nec luctus diam turpis ac augue. Phasellus vitae sollicitudin felis. <a href="#" class="more-link">View More</a></p>
                   
                  
                  
                </div><!--grid_7-->
                
                
                <div class="clearfix"></div>
           </li>
           
           <li>
                <div class="resort-heading"><h3><a href="#">Room Type Name 3</a></h3><a class="book-now" href="#">Book Now</a>
                <div class="clearfix"></div>
                </div><!--/.resort-heading-->
                <div class="grid_3 omega">
                    <p><img src="images/destinatin.jpg" alt="resort-image" /></p>
                    <p class="price">Rs. <label>5000</label></p>
                    
                </div><!--/.grid_3-->
                
                <div class="grid_13 alpha resort-details">
                
                <h4>Facilities</h4>
                  <ul class="facility">
                  	<li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                    <li>Facility Name 1</li>
                  </ul>
                  
                	<h4>Details</h4>
                   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida, dolor eu imperdiet commodo, nisl lacus faucibus libero, nec luctus diam turpis ac augue. Phasellus vitae sollicitudin felis. <a href="#" class="more-link">View More</a></p>
                   
                  
                  
                </div><!--grid_7-->
                
                
                <div class="clearfix"></div>
           </li>
           
           
           
       </ul>
       
       </div><!--/.resort-list-->
    </div><!--/.contents-->
     <div id="sidebar" class="grid_7">
     	
        <div class="sidebar">
        	<h2>Packages</h2>
            
        </div><!--/.sidebar-->
        
         <div class="sidebar">
        	<h2>Memberships</h2>
            
        </div><!--/.sidebar-->
        
         <div class="sidebar">
        	<h2>Upcoming Events</h2>
            
        </div><!--/.sidebar-->
        
        
     </div><!--/#sidebar-->
</div> <!--/#main-->
<div class="clearfix"></div>
<div id="footer" class="container_24">
	<div id="footer-nav" class="grid_24">
    	<ul>
        	<li><a href="#">Home</a></li>
                <li><a href="#">Rooms</a></li>
                <li><a href="#">Packages</a></li>
                <li><a href="#">Membership</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Register</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">FAQ</a></li>
        </ul>
    </div><!--/#footer-nav-->
    <div class="grid_14">
    	<p>Copyright © Prime Resort. All Rights Reserved.</p>
        <p>Website best viewed in Firefox 3+, IE 7+, Chrome, Opera</p>
    </div>
    <div class="grid_10 ">
    	
        
    </div>
</div><!--/#footer-->
</body>
</html>
